body {
    text-align:left;
}

/***
* clear class 
*/
.clear {  clear: both; height: 0; }

/***h2
* loading-indicator
* you should have a <div id="loading"><div class="loading-indicator">Loading...</div></div>
* in your base.rhtml.  RExt.Application will turn it off in its onLoad
*/
#loading {
    width: 200px;                
    font-size: 14px;    
    top:42%;
    left: 43%;
    padding:0;
    position: absolute;
    background: #fff;
    border: 3px solid #333;
    z-index: 20000;
}

#loading .loading-indicator {
    background-image: url(../images/spinner.gif);
    color:#444;
    padding-left: 38px;
    padding-top: 14px;    
    height: 32px;    
    font-size: 152%;
    font-weight: bold;
    
}
/***
* address
*/
address {
    font-style: italic;
    font-size: 12px;
}

/***
* InlineFields css
* from Ext user extensions
*
*/

.x-form-inline-field, textarea.x-form-inline-field {
    background: transparent;    
    border: 1px dotted #999;
    cursor: pointer;
    overflow: hidden;
}

.x-form-inline-field-disabled {
    color: #000000;
    cursor: default;
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}
/***
* r-properties
* x-grid3 tables overrides
*/
table.r-properties, table.r-properties .x-grid3-row {
    border: 0;
    background: transparent;
}
table.r-properties .x-grid3-cell-inner { padding: 0 0 2px 0;}
table.r-properties .x-grid3-hd .x-grid3-cell-inner { padding-right: 2px;}
table.r-properties .x-grid3-hd .x-grid3-cell-inner {
    text-align: right;
    font-weight: bold;
}

/***
* r-dataview
* 
*/
.r-dataview .x-grid3-row {
    margin-bottom: 5px;
    padding: 2px;
}
.r-dataview .x-grid3-row .hd .subject {    
    margin-bottom: 1px;
}
.r-dataview .x-grid3-row h3 {
    font-size:12px;
    font-weight: bold;
    padding-left: 18px;
    padding-left: 0;    
}

.r-dataview .x-grid3-row .hd .r-dataview-row-info,
.r-dataview .x-grid3-row .hd .stats {     
    color: #666;
    font-size: 11px;
    margin-top: -4px;
    margin-bottom: 5px;
}

.r-dataview .x-grid3-row .hd .r-dataview-row-info .author {

}
.r-dataview .x-grid3-row .hd .r-dataview-row-info .timestamp {

}


/***
* x-panel
* Ext.Panel class
*
*/
.x-panel {

}

.x-panel h1 {
    font-size: 22px;
    font-weight: bold;
}
.x-panel h1, .x-panel h1 a {
    color: #000;
}
.x-panel h2 {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
.x-panel h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 4px 0;
}
.x-panel strong { font-weight: bold; }

/***
* r-panel class
*
*/
/*
.r-panel .x-panel-tbar {
    margin-left: -6px;
    margin-top: -6px;
    margin-right: -6px;
    margin-bottom: 6px;
}
.r-panel .x-panel-tbar .x-toolbar {
    border-bottom: 1px solid #99bbe8;
}
*/
.r-panel .x-panel-body { padding: 5px; }

/***
* custom panel buttons
* used with an Ext.Panel tools config.
* see docs for Ext.Panel config. property "tools"
*
*/
.x-tool-edit {
    background-image: url(/images/icons/application_edit.png);
    height: 16px;
    width: 16px;
}
.x-tool-notify {
    background-image: url(/images/icons/email_go.png);
    width: 16px;
    height: 16px;
}
.x-tool-notify-over {

}
.x-tool-map {
    background-image: url(/images/icons/map.png);
    width: 16px;
    height: 16px;
}

/***
* RExt.menu.Popup
* class added to all popups during render
*/
/*
.r-form-popup { 
	border: 1px solid #718bb7;
    border: 0 !important;
	z-index: 15000;
	zoom: 1;	
    background: #fff !important;
	padding: 0 !important;
}
*/
.r-form-popup .r-form-popup-item {    
    font:normal 11px tahoma,arial,sans-serif;    
    -moz-user-select:normal !important;
    -khtml-user-select:normal !important;
    display:block;
    padding:1px;
}

/***
* RExt.form.ComboBoxAdd trigger class
*
*/
.x-form-add-trigger {
    background-image: url(/images/icons/add.png) !important;
    background-position: center center !important;    
    cursor: pointer;    
    border: 0 !important;    
    margin-left: 2px;
}


/***
* DateMenu
* need to z-index it above popup.
*/
.x-date-menu {
    z-index: 16000 !important;
}

/***
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 * GroupSummary css
 */

.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}

/** 
* x-template-source this is class you should apply to all your XTemplate template sources 
*   <textarea class="x-template-source">{id} {name}</textarea>
*/
.x-template-source { display: none; }

/***
* style for RExt.LinkButton
* r-link-button
*/
.r-link-button { display: block; font-size:12px; }

/**
* r-tab-panel-view
* A sleek version of tabpanel, with fewer borders.  active-tab has no bottom-border and merges nicely
* with the body of panel.
* +-------+
* | Title |
* |       +-------------------------------------------
* | - no border beneath tab.  
* | - merges with body.
* |
* .
* .
*/
.r-tab-panel-view .x-tab-strip-spacer {
    border-width: 0;
    height: 0;     
}

.r-tab-panel-view .x-panel-tl {
    border: none;       
}


